<!DOCTYPE html>
<html>

	<head>
		<title>预约服务</title>
		<!-- Unresponsive -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<!--[if (lte IE 8) ]> <script type="text/javascript">location.href="upgrade.html";</script> <![endif]-->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/frontend.css" />
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/global.js"></script>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
	</head>

	<body>
		<style>
			.myat_bookings {
				padding:15px;
			}
			.myat_bookings .itm {
				border-bottom:1px solid #eee;
				padding:0 0 15px 0;
				margin-bottom:15px;
				
			}
			.myat_bookings .itm .bimg {
				width: 100%;
				
			}
			.myat_bookings .itm .ts {
				padding: 15px 0 0;
			}
			
			.myat_bookings .itm .t1 {
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 5px;
			}
			
			.myat_bookings .itm .t2 {
				color: #bbb;
			}
		</style>
		<div class="myat_bookings">
			<div class="itm">
				<img class="bimg" src="img/img_sample/b001.jpg" />
				<div class="ts">
					<div class="t1">社工个案</div>
					<div class="t2">社工个案服务简要描述</div>
				</div>
			</div>
			<div class="itm">
				<img class="bimg" src="img/img_sample/b002.jpg" />
				<div class="ts">
					<div class="t1">社工个案</div>
					<div class="t2">社工个案服务简要描述</div>
				</div>
			</div>
			<div class="itm">
				<img class="bimg" src="img/img_sample/b003.jpg" />
				<div class="ts">
					<div class="t1">社工个案</div>
					<div class="t2">社工个案服务简要描述</div>
				</div>
			</div>
			<div class="itm">
				<img class="bimg" src="img/img_sample/b004.jpg" />
				<div class="ts">
					<div class="t1">社工个案</div>
					<div class="t2">社工个案服务简要描述</div>
				</div>
			</div>
		</div>
		

		<script>
			$(document).ready(function() {});
		</script>
	</body>

</html>